// .zoom-in-top-enter { // 刚进来
//   opacity: 0;
//   transform: scaleY(0);
// }
// .zoom-in-top-enter-active {
//   opacity: 1;
//   transform: scaleY(1);
//   transition: transform 300ms cubic-bezier(0.23, 1, 0.32 ,1) 100ms, opacity 200ms cubic-bezier(0.23, 1, 0.32, 1) 100ms ;
//   transform-origin: center top; //动画原点
// }
// .zoom-in-top-exit { // 刚进来
//   opacity: 1;
// }
// .zoom-in-top-exit-active {
//   opacity: 0;
//   transform: scaleY(0);
//   transition: transform 300ms cubic-bezier(0.23, 1, 0.32 ,1) 100ms, opacity 200ms cubic-bezier(0.23, 1, 0.32, 1) 100ms ;
//   transform-origin: center top; //动画原点
// }
// .zoom-in-top-exit-active-done {
//   display: none;
// }
// @include zoom-animation("top", scaleY(0), scaleY(1), center top);
// @include zoom-animation("left", scale(0, 1), scale(1, 1), top left);
// @include zoom-animation("right", scale(0, 1), scale(1, 1), top right);
// @include zoom-animation("bottom", scaleY(0), scaleY(1), center bottom);
@include zoom-animation('top', scaleY(0), scaleY(1), center top);
@include zoom-animation('left', scale(0, 0), scale(1, 1), top left);
@include zoom-animation('right', scale(0, 0), scale(1, 1), top right);
@include zoom-animation('bottom', scaleY(0), scaleY(1),  center bottom);
